Internal Links

 

Introduction

An Internal Anchor is a way of inserting clickable links within your document to another part of the same document. For example, if you have a large HTML document with multiple chapters in it, you can create a table of contents at the top of your document, where each line of the contents at the top is linked to the corresponding chapter further down in the same document.

Inserting anchors into your document can be broken down into two steps.

  1. Adding targets (or anchor) to your document.

  2. Jumping to those targets.

An Internal Target is a named location within your webpage that will be pointed to by the link. The link is what jumps to a target. For example, to create a table on contents with two entries, linking to two different parts of the same document you would do the following:

Create a new document which looks like the following:

<HTML>

<HEAD>

<TITLE> Internal Anchor Example </TITLE>

<META NAME="generator" CONTENT="Sausage Software HotDog Professional 5">

</HEAD>

<BODY>

<P> Table of Contents </P>

<P> Chapter 1 </P>

<P> Chapter 2 </P>

<P>

<P> .. <!-- Enter about 20 P’s here -- >

 

<P> This is Chapter 1 </P>

<P>

<P> .. <!-- Enter about 20 P’s here -- >

 

<P> This is Chapter 2. </P>

</BODY>

</HTML>

 

Now you have to name the links that will form the chapter headings. These specially named links are called targets.

  1. Under the Table of Contents, place the cursor just before ‘This is Chapter 1 <BR>’

  2. On the Insert Menu, click ‘Target ID’.

  3. A window appears asking you the target name. Enter ‘ch1’.

Follow the same process for the Chapter 2 link. You have just specified two different parts of your document by using targets. Now you are going to link to these targets from the contents at the top of your document.

 

Go back to the top of the document.

  1. Highlight ‘Chapter 1’.

  2. On the Insert menu, click on HyperLink.

  3. In the ‘Insert Link’ window, click on the ‘Jump to named target’ list box.

  4. Select ‘ch1’.

Follow the same process for creating a link to chapter 2.

Your HTML code should now look like the following:

<HTML>

<HEAD>

<TITLE> Internal Anchor Example </TITLE>

<META NAME="generator" CONTENT="Sausage Software HotDog Professional 4">

</HEAD>

<BODY>

<P> Table of Contents </P>

<P> <A href="#ch1">chapter 1 </A> </P>

<P> <A href="#ch2">chapter 2 </A> </P>

<P>

<P> .. <!-- Enter about 20 P’s here -- >

 

<P> <A NAME="ch1"></A> This is Chapter 1 </P>

<P>

<P> .. <!-- Enter about 20 P’s here -- >

 

<P> <A NAME="ch2"></A> This is Chapter 2. </P>

 

</BODY>

</HTML>